<template>
	<view @tap="back" class="louis-back">
		<!-- <image 
			class="louis-wh100"
			src="../../../static/img/resizeApi.png" mode="widthFix"></image> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style lang="less">
	.louis-back {
		opacity: 0.8;
		display: inline-block;
		color: #FFFFFF;
		font-size: 20rpx;
		// border-radius: 50%;
		padding: 10px;
		width: 70rpx;
		height: 70rpx;
		line-height: 0rpx;
		// border: 1px solid #C0C0C0;
		box-sizing: border-box;
		// background-color: rgba(29, 5, 41, 0.9);
		position: absolute;
		top: 60rpx;
		left: 30rpx;
		z-index: 200;
		background-image: url('');
		background-size: 100% 100%;
		animation: rotateY 0.8s infinite;
		/*Safari 和 Chrome:*/
		-webkit-animation: rotateY 0.8s infinite;
	}

	@keyframes rotateY {
		0% {
			top: 62rpx;
		}

		25% {
			top: 67rpx;
		}

		50% {
			top: 70rpx;
			color: #e81d54;
		}

		75% {
			top: 67rpx;
		}

		100% {
			top: 62rpx;
		}
	}
</style>
